From: Benjamin Otte Date: Tue, 17 Jan 2012 10:53:38 +0000 (+0100) Subject: tests: Add parsing tests for linear gradients X-Git-Tag: archive/raspbian/3.24.39-1+rpi1~1^2~65^2~39^2~18194 X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=2e901752b178b135b1324d1137d90ec559fa2179;p=gtk%2B3.0.git tests: Add parsing tests for linear gradients --- diff --git a/tests/css/parser/Makefile.am b/tests/css/parser/Makefile.am index a61e81ef6f..8b6b32004f 100644 --- a/tests/css/parser/Makefile.am +++ b/tests/css/parser/Makefile.am @@ -286,6 +286,8 @@ EXTRA_DIST += \ integer.css \ integer.errors \ integer.ref.css \ + linear-gradient.css \ + linear-gradient.ref.css \ no-semicolon.css \ no-semicolon.ref.css \ pseudo-classes-unknown.css \ diff --git a/tests/css/parser/linear-gradient.css b/tests/css/parser/linear-gradient.css new file mode 100644 index 0000000000..ea69573466 --- /dev/null +++ b/tests/css/parser/linear-gradient.css @@ -0,0 +1,104 @@ +a { + background-image: linear-gradient(red); + border-image-source: repeating-linear-gradient(red); +} + +b { + background-image: linear-gradient(to top, red); + border-image-source: repeating-linear-gradient(to top, red); +} + +c { + background-image: linear-gradient(to bottom, red); + border-image-source: repeating-linear-gradient(to bottom, red); +} + +d { + background-image: linear-gradient(to left, red); + border-image-source: repeating-linear-gradient(to left, red); +} + +e { + background-image: linear-gradient(to right, red); + border-image-source: repeating-linear-gradient(to right, red); +} + +f { + background-image: linear-gradient(to bottom left, red); + border-image-source: repeating-linear-gradient(to bottom left, red); +} + +g { + background-image: linear-gradient(to right bottom, red); + border-image-source: repeating-linear-gradient(to right bottom, red); +} + +h { + background-image: linear-gradient(to top right, red); + border-image-source: repeating-linear-gradient(to top right, red); +} + +i { + background-image: linear-gradient(to left bottom, red); + border-image-source: repeating-linear-gradient(to left bottom, red); +} + +j { + background-image: linear-gradient(1turn, red); + border-image-source: repeating-linear-gradient(1turn, red); +} + +k { + background-image: linear-gradient(-0.25turn, red); + border-image-source: repeating-linear-gradient(-0.25turn, red); +} + +l { + background-image: linear-gradient(3.125deg, red); + border-image-source: repeating-linear-gradient(3.125deg, red); +} + +m { + background-image: linear-gradient(90.0rad, red); + border-image-source: repeating-linear-gradient(90.0rad, red); +} + +n { + background-image: linear-gradient(-100grad, red); + border-image-source: repeating-linear-gradient(-100grad, red); +} + +o { + background-image: linear-gradient(red, green, blue); + border-image-source: repeating-linear-gradient(red, green, blue); +} + +p { + background-image: linear-gradient(red -50%, green, blue 150%); + border-image-source: repeating-linear-gradient(red -50%, green, blue 150%); +} + +q { + background-image: linear-gradient(red -50%, green, blue 150%); + border-image-source: repeating-linear-gradient(red -50%, green, blue 150%); +} + +r { + background-image: linear-gradient(red 1px, green 2em); + border-image-source: repeating-linear-gradient(red 1px, green 2em); +} + +s { + background-image: linear-gradient(red, green 2px, blue); + border-image-source: repeating-linear-gradient(red, green 2px, blue); +} + +t { + background-image: linear-gradient(red, green, blue, purple, pink, yellow, black, orange); + border-image-source: repeating-linear-gradient(red, green, blue, purple, pink, yellow, black, orange); +} + +u { + background-image: linear-gradient(red -5px, green 20em, blue, purple -42%, pink 3pt); + border-image-source: repeating-linear-gradient(red -5px, green 20em, blue, purple -42%, pink 3pt); +} diff --git a/tests/css/parser/linear-gradient.ref.css b/tests/css/parser/linear-gradient.ref.css new file mode 100644 index 0000000000..810e531a48 --- /dev/null +++ b/tests/css/parser/linear-gradient.ref.css @@ -0,0 +1,104 @@ +a { + background-image: linear-gradient(rgb(255,0,0)); + border-image-source: repeating-linear-gradient(rgb(255,0,0)); +} + +b { + background-image: linear-gradient(to top, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(to top, rgb(255,0,0)); +} + +c { + background-image: linear-gradient(rgb(255,0,0)); + border-image-source: repeating-linear-gradient(rgb(255,0,0)); +} + +d { + background-image: linear-gradient(to left, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(to left, rgb(255,0,0)); +} + +e { + background-image: linear-gradient(to right, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(to right, rgb(255,0,0)); +} + +f { + background-image: linear-gradient(to bottom left, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(to bottom left, rgb(255,0,0)); +} + +g { + background-image: linear-gradient(to bottom right, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(to bottom right, rgb(255,0,0)); +} + +h { + background-image: linear-gradient(to top right, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(to top right, rgb(255,0,0)); +} + +i { + background-image: linear-gradient(to bottom left, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(to bottom left, rgb(255,0,0)); +} + +j { + background-image: linear-gradient(1turn, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(1turn, rgb(255,0,0)); +} + +k { + background-image: linear-gradient(-0.25turn, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(-0.25turn, rgb(255,0,0)); +} + +l { + background-image: linear-gradient(3.125deg, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(3.125deg, rgb(255,0,0)); +} + +m { + background-image: linear-gradient(90rad, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(90rad, rgb(255,0,0)); +} + +n { + background-image: linear-gradient(-100grad, rgb(255,0,0)); + border-image-source: repeating-linear-gradient(-100grad, rgb(255,0,0)); +} + +o { + background-image: linear-gradient(rgb(255,0,0), rgb(0,255,0), rgb(0,0,255)); + border-image-source: repeating-linear-gradient(rgb(255,0,0), rgb(0,255,0), rgb(0,0,255)); +} + +p { + background-image: linear-gradient(rgb(255,0,0) -50%, rgb(0,255,0), rgb(0,0,255) 150%); + border-image-source: repeating-linear-gradient(rgb(255,0,0) -50%, rgb(0,255,0), rgb(0,0,255) 150%); +} + +q { + background-image: linear-gradient(rgb(255,0,0) -50%, rgb(0,255,0), rgb(0,0,255) 150%); + border-image-source: repeating-linear-gradient(rgb(255,0,0) -50%, rgb(0,255,0), rgb(0,0,255) 150%); +} + +r { + background-image: linear-gradient(rgb(255,0,0) 1px, rgb(0,255,0) 2em); + border-image-source: repeating-linear-gradient(rgb(255,0,0) 1px, rgb(0,255,0) 2em); +} + +s { + background-image: linear-gradient(rgb(255,0,0), rgb(0,255,0) 2px, rgb(0,0,255)); + border-image-source: repeating-linear-gradient(rgb(255,0,0), rgb(0,255,0) 2px, rgb(0,0,255)); +} + +t { + background-image: linear-gradient(rgb(255,0,0), rgb(0,255,0), rgb(0,0,255), rgb(160,32,240), rgb(255,192,203), rgb(255,255,0), rgb(0,0,0), rgb(255,165,0)); + border-image-source: repeating-linear-gradient(rgb(255,0,0), rgb(0,255,0), rgb(0,0,255), rgb(160,32,240), rgb(255,192,203), rgb(255,255,0), rgb(0,0,0), rgb(255,165,0)); +} + +u { + background-image: linear-gradient(rgb(255,0,0) -5px, rgb(0,255,0) 20em, rgb(0,0,255), rgb(160,32,240) -42%, rgb(255,192,203) 3pt); + border-image-source: repeating-linear-gradient(rgb(255,0,0) -5px, rgb(0,255,0) 20em, rgb(0,0,255), rgb(160,32,240) -42%, rgb(255,192,203) 3pt); +}